<template>
	<div class="pay_result">
		<div class="pay_result_title">
			<van-icon name="arrow-left" size="22px" style="position: absolute;left: 5px;" @click="back" />
			<p>支付结果</p>
		</div>
		<div class="pay_result_detail">
			<div class="pay_result_detail_img">
				<img src="../../assets/images/pay_success.png" alt="" />
			</div>
			<div class="pay_result_detail_button">
				<button @click="go_home">返回首页</button>
				<p>查看订单</p>
			</div>
		</div>
		<!-- 猜你喜欢 -->
		<guess></guess>
	</div>
</template>

<script>
	export default{
		name:'pay_result',
		data() {
			return{
				
			}
		},
		methods:{
			back() {
				this.$router.back()
			},
			go_home(){
				this.$router.push(
				{
					name:'home'
				})
			}
		}
		
	}
</script>

<style lang="scss">
	
	.pay_result{
		width: 100%;
		height: 100%;
		.pay_result_title {
			width: 100%;
			height: 6%;
			
			background-color: #F8F8F8;
			display: flex;
			justify-content: center;
			align-items: center;
			
			p {
				
				font-size: 30px;
			
			}
		}
		.pay_result_detail{
			width: 100%;
			height: 25%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			background-color: #5AB79C;
			.pay_result_detail_img{
				width: 100%;
				height: 50%;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				img{
					width: 25%;
					height: 80%;
				}
			}
			.pay_result_detail_button{
				display: flex;
				width: 50%;
				height: 20%;
				box-sizing: border-box;
				button{
					width: 50%;
					height: 90%;
					border-radius: 50px;
					background-color: #5AB79C;
					border:1px solid white;
					color: white;
				}
				p{
					text-align: center;
					color: white;
					width: 40%;
					height: 10%;
					padding-left: 10px;
				   
					
				}
			}
		}
	}
</style>